<!DOCTYPE html>
<html lang="en">
<head>
  <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
  <meta charset="utf-8">
  <meta name="renderer" content="webkit">

  <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
  <link href="../assets/plugins/animate/animate.css" rel="stylesheenet">
  <link href="../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/base/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
  <link href="../assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/ditop/layout.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-toastr/toastr.css" rel="stylesheet">
  <link rel="stylesheet" href="../assets/plugins/sweetalert/sweetalert.css">
  <link rel="stylesheet" href="../assets/plugins/layer/theme/default/layer.css">
  <link href="../assets/plugins/select2/css/select2.min.css" rel="stylesheet">
  <link href="../assets/plugins/icheck/skins/flat/aero.css" rel="stylesheet">
  <link href="../assets/ditop/ditop.css" rel="stylesheet">
  <link href="../assets/ditop/style/ztree/style9/treestyle.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet">

  <link href="../assets/plugins/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap-daterangepicker-extend/daterangepicker-ext.css" rel="stylesheet" type="text/css"/>

  <script src="../assets/plugins/jquery/jquery.min.js"></script>
  <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
  <script src="../assets/plugins/bootstrap-toastr/toastr.js"></script>
  <script src="../assets/plugins/art-template/template.js"></script>
  <script src="../assets/plugins/layer/layer.js"></script>
  <script src="../assets/ditop/ditop.js"></script>
  <!--endregion-->
  <link href="../assets/module/gcjsy/css/public.css" rel="stylesheet">
  <link href="../assets/module/gcjsy/css/pagination.css" rel="stylesheet">
  <link rel="stylesheet" href="repair.css">

  <style>
    .w900{
      width: 900px;
      margin:0 auto;
      background: white;
    }

  </style>
  <title></title>

</head>

<body style="background: #f5f5f5">
  <div class="w900">
    <div class="rLing relative">

      <div class="rLing-title">
        <ul class="build-flow-list" id="title89">
          <li class="active">
            <div class="num">1</div>
            <p>验证老版建设云帐号</p>
          </li>
          <li>
            <div class="num">2</div>
            <p>同步相关项目</p>
          </li>
          <li>
            <div class="num">3</div>
            <p>完成认领</p>
          </li>
        </ul>
      </div>

      <div class="rLing-box">

        <section class="active">
          <div class="rLing-box1">

            <div class="query-item">
              <b class="query-title query-title120">老版建设云帐号：</b>
              <div class="query-right">
                  <span class="input-icon right">
                    <i class="fa fa-calendar-o"></i>
                    <input type="text" style="width: 228px;" class="form-control active" placeholder="">
                  </span>
                <span class="help-block"></span>
              </div>

            </div>

            <div class="query-item">
              <b class="query-title query-title120">登录密码：</b>
              <div class="query-right">
                  <span class="input-icon right">
                    <i class="fa fa-calendar-o"></i>
                    <input type="text" style="width: 228px;" class="form-control active" placeholder="">
                  </span>
                <span class="help-block"></span>
              </div>
            </div>


            <p class="text-center" style="margin-top: 50px">
              <button class="basicsBtn blue" href="javascript:;">验证帐号</button>
            </p>

          </div>

          <div class="des">
            <p><b>帐号类型：</b>建设单位个人帐号、企业帐号不限。</p>
            <p><b>多个帐号：</b> 每次输入一个帐号同步该帐号在工程建设云下已有的项目，多个帐号可重复操作绑定项目。 </p>
          </div>
        </section>

        <section class="">

          <div class="auto-scroll" style="height: 346px;">
            <div class="padding-20">
              <div class="reminder margin-bottom-15">
                <p>提交后，下列项目将会同步到当前“政务一体化平台账号”，其他帐号不能再认领该项目</p>
              </div>
              <div class="currencyTab">
                <table class="table table-bordered">
                  <thead>
                  <tr>
                    <th class="text-center">序号</th>
                    <th>项目名称</th>
                    <th>项目编码</th>
                    <th>项目所在地</th>
                    <th>建设单位</th>
                  </tr>
                  </thead>
                  <tbody>
                  <tr>
                    <td class="text-center">1</td>
                    <td>京福铁路客运线（肥东段）拆迁安置点</td>
                    <td>341125188899661122</td>
                    <td>新疆维吾尔自治区-乌鲁木齐市-天山区</td>
                    <td>安徽德拓信息科技有限公司</td>
                  </tr>
                  <tr>
                    <td class="text-center">2</td>
                    <td>京福铁路客运线（肥东段）拆迁安置点</td>
                    <td>341125188899661122</td>
                    <td>新疆维吾尔自治区-乌鲁木齐市-天山区</td>
                    <td>安徽德拓信息科技有限公司</td>
                  </tr>
                  <tr>
                    <td class="text-center">3</td>
                    <td>京福铁路客运线（肥东段）拆迁安置点</td>
                    <td>341125188899661122</td>
                    <td>新疆维吾尔自治区-乌鲁木齐市-天山区</td>
                    <td>安徽德拓信息科技有限公司</td>
                  </tr>


                  </tbody>
                </table>
              </div>
            </div>

          </div>

          <div class="referTo  border relative">
            <button class="basicsBtn grayLine" id="repulse" href="javascript:;">取消</button>
            <button type="button" class="basicsBtn blue" href="javascript:;">确定</button>
          </div>
        </section>

        <section class="">

          <div class="auto-scroll" style="height: 346px;">
            <h2 class="text-center bold font-xl padding-tb-20 blue">同步成功</h2>
            <p class="text-center margin-bottom-30">可在 <a class="blue" href="#">创建项目</a>中查看</p>
            <div class="mi3 center-block" style="width: 330px">
              <p>
                <label class="info-title">同步时间：</label>
                <span class="info-detail">2020-02-02 05:25</span>
              </p>
              <p>
                <label class="info-title">同步账号：</label>
                <span class="info-detail"> XXXX XXXX XXXX XXXX 某银行储蓄卡)</span>
              </p>
              <p>
                <label class="info-title">账号名称：</label>
                <span class="info-detail">吴加号</span>
              </p>
              <p>
                <label class="info-title">同步项目数：</label>
                <span class="info-detail">50</span>
              </p>

            </div>
          </div>
          <div class="referTo  border relative">
            <button type="button" class="basicsBtn grayLine" href="javascript:;">关闭</button>
            <button type="button" class="basicsBtn blue" href="javascript:;">查看同步项目</button>
          </div>
        </section>
      </div>
    </div>
  </div>

  <script>
    $('#title89').children('li').on('click',function (){
      var index = $(this).index();
      $(this).addClass('active').siblings().removeClass('active');
      $('.rLing-box').children('section').eq(index).addClass('active').siblings().removeClass('active')
    })
  </script>

</body>
</html>
